<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        小米商城 - 小米11、Redmi Note 9、小米MIX Alpha，小米电视官方网站
    </title>
    <link rel="stylesheet" href="/css/public.css">
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2348611_o77qivzm3f.css">
</head>
<body>
    <!-- 头部开始 -->
    <header>
        
    </header>
    <!-- 头部结束 -->

    <!-- banner区域开始 -->
    <div class="banner">
        <div class="typepage">
            <nav>
                <ul>
                    <li><a href="">
                        <span>手机 电话卡</span>
                        <i class="imore iconfont icon-gengduo"></i>
                    </a></li>
                    <li><a href="">
                        <span>电视 盒子</span>
                        <i class="imore iconfont icon-gengduo"></i>
                    </a></li>
                    <li><a href="">
                        <span>笔记本 显示器</span>
                        <i class="imore iconfont icon-gengduo"></i>
                    </a></li>
                    <li><a href="">
                        <span>家电 插线板</span>
                        <i class="imore iconfont icon-gengduo"></i>
                    </a></li>
                    <li><a href="">
                        <span>出行 穿戴</span>
                        <i class="imore iconfont icon-gengduo"></i>
                    </a></li>
                    <li><a href="">
                        <span>智能 路由器</span>
                        <i class="imore iconfont icon-gengduo"></i>
                    </a></li>
                    <li><a href="">
                        <span>电源 配件</span>
                        <i class="imore iconfont icon-gengduo"></i>
                    </a></li>
                    <li><a href="">
                        <span>健康 儿童</span>
                        <i class="imore iconfont icon-gengduo"></i>
                    </a></li>
                    <li><a href="">
                        <span>耳机 音箱</span>
                        <i class="imore iconfont icon-gengduo"></i>
                    </a></li>
                    <li><a href="">
                        <span>生活 箱包</span>
                        <i class="imore iconfont icon-gengduo"></i>
                    </a></li>
                </ul>
            </nav>
            <!-- 轮播图开始 -->
            <div class="image">
                <div class="imglist">
                    <img src="./images/banner1.jpg" alt="">
                    <img src="./images/banner2.jpg" alt="">
                    <img src="./images/banner3.jpg" alt="">
                    <img src="./images/banner4.jpg" alt="">
                    <img src="./images/banner5.jpg" alt="">
                </div>
                <div class="spot">
                    <!-- 放span -->
                </div>
                <div class="next"></div>
                <div class="prev"></div>
            </div>
            <!-- 轮播图结束 -->
        </div>
    </div>
    <!-- banner区域结束 -->

    <!-- banner底下那一行开始 -->
    <div class="choose">
        <div class="typepage">
            <div class="one">
                <ul>
                    <li><a href=""> 
                        <div class="line"></div>  
                        <div class="line1"></div>
                        <img src="./images/cimg1.png" alt="">
                        <span>小米秒杀</span>
                        <div class="line2"></div>
                    </a></li>
                    <li><a href="">
                        <div class="line"></div> 
                        <img src="./images/cimg2.png" alt="">
                        <span>企业团购</span>
                        <div class="line2"></div>
                    </a></li>
                    <li><a href="">
                        <div class="line"></div> 
                        <img src="./images/cimg3.png" alt="">
                        <span>F码通道</span>
                        <div class="line2"></div>
                    </a></li>
                    <li><a href="">
                        <div class="line"></div>   
                        <div class="line1"></div>
                        <img src="./images/cimg4.png" alt="">
                        <span>米粉卡</span>
                        <div class="line2"></div>
                    </a></li>
                    <li><a href="">
                        <div class="line"></div> 
                        <img src="./images/cimg5.png" alt="">
                        <span>以旧换新</span>
                        <div class="line2"></div>
                    </a></li>
                    <li><a href="">
                        <div class="line"></div> 
                        <img src="./images/cimg6.png" alt="">
                        <span>话费充值</span>
                        <div class="line2"></div>
                    </a></li>
                </ul>
            </div>
            <a href="">
                <img src="./images/choose1.jpg" alt="">
            </a>
            <a href="">
                <img src="./images/chooes2.jpg" alt="">
            </a>
            <a href="">
                <img src="./images/choose3.jpg" alt="">
            </a>
        </div>
    </div>
    <!-- banner底下那一行结束 -->

    <!-- 内容区域开始 -->
    <section>
        <div class="typepage">
            <!-- 秒杀区域开始 -->
            <div class="ms">
                <div class="title">
                    <h2>小米秒杀</h2>
                    <span>
                        <i class="you iconfont icon-you-"></i>
                    </span>
                    <span>
                        <i class="zuo iconfont icon-zuo-"></i>
                    </span>
                </div>
                <div class="djs">
                    <p>20:00 场</p>
                    <img src="./images/ms_03.png" alt="">
                    <p>距离结束还有</p>
                    <div class="time">
                        <span></span> :
                        <span></span> :
                        <span></span>
                    </div>
                </div>
                <div class="carousel">
                    <ul>
                        <li><a href="">
                            <img src="./images/car1.png" alt="">
                            <p>小米旅行箱 24英寸 黑色 24寸</p>
                            <p>一款坚固的旅行箱伴您左右</p>
                            <p>
                                <span>379元</span>
                                <span>399元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car2.png" alt="">
                            <p>米家天然乳胶护颈枕S 灰色</p>
                            <p>大颗粒释压体验，升级好睡眠</p>
                            <p>
                                <span>189元</span>
                                <span>249元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car3.png" alt="">
                            <p>Pro 15增强版 i5</p>
                            <p>再次突破强大</p>
                            <p>
                                <span>4999元</span>
                                <span>5899元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car4.png" alt="">
                            <p>米家黄麻抗菌护脊床垫 1.5米</p>
                            <p>黄麻偏硬护脊 抗菌防霉无异味</p>
                            <p>
                                <span>1249元</span>
                                <span>1499元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car5.png" alt="">
                            <p>小米全面屏电视E32C 灰色 32英寸</p>
                            <p>全面屏设计，人工智能系统</p>
                            <p>
                                <span>799元</span>
                                <span>999元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car6.png" alt="">
                            <p>米兔儿童滑板车 蓝</p>
                            <p>安全好玩的酷玩具</p>
                            <p>
                                <span>199元</span>
                                <span>249元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car7.png" alt="">
                            <p>小米净水器500G增强版 白色</p>
                            <p>RO反渗透，大流量直出纯净水</p>
                            <p>
                                <span>1398元</span>
                                <span>1899元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car8.png" alt="">
                            <p>小米笔记本Pro 15.6 2019款 四核i5 8G MX250 512GB 深空灰</p>
                            <p>i5处理器 新一代独立显卡</p>
                            <p>
                                <span>5199元</span>
                                <span>5899元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car9.png" alt="">
                            <p>米家投影仪 青春版2 白色</p>
                            <p>实时自动对焦</p>
                            <p>
                                <span>2399元</span>
                                <span>2599元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car10.png" alt="">
                            <p>米家手自一体电动螺丝刀 黑色</p>
                            <p>小巧有力，得心应手</p>
                            <p>
                                <span>129元</span>
                                <span>149元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car11.png" alt="">
                            <p>脊安适 颈部按摩器 护颈仪G2</p>
                            <p>恒温热敷 米家APP操控 3大按摩手法</p>
                            <p>
                                <span>279元</span>
                                <span>399元</span>
                            </p>
                        </a></li>
                        <li><a href="">
                            <img src="./images/car12.png" alt="">
                            <p>RedmiBook 16 i7 16G 512G MX350 灰色</p>
                            <p>便携大屏，全“芯”超越</p>
                            <p>
                                <span>5499元</span>
                                <span>5699元</span>
                            </p>
                        </a></li>
                    </ul>
                </div>
            </div>
            <!-- 秒杀区域结束 -->

            <!-- 小banner1 -->
            <div class="s-banner1">
                <a href="">
                    <img src="./images/s-banner1.jpg" alt="">
                </a>
            </div>
            <!-- 小banner1结束 -->

            <!-- 手机区域开始 -->
            <div class="phone">
                <div class="title">
                    <h2>手机</h2>
                    <div class="all">
                        <a href="./html/more.html" target="_black">
                            <span>查看全部</span>
                            <div class="more">
                                <i class="you iconfont icon-you-"></i>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="allphone">
                    <div class="one">
                        <a href="">
                            <img src="./images/mi11.jpg" alt="">
                        </a>
                    </div>
                    <div class="two">
                        <ul>
                            <!-- <li>
                                <img src="./images/phone1.png" alt="">
                                <p>小米11</p>
                                <p>骁龙888 | 2K四曲面屏</p>
                                <p>3999元起</p>
                            </li> -->
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 手机区域结束 -->

            <!-- 小banner2 -->
            <div class="s-banner1">
                <a href="">
                    <img src="./images/s-banner2.jpg" alt="">
                </a>
            </div>
            <!-- 小banner2结束 -->

            <!-- 家电区域开始 -->
            <div class="household">
                <div class="title">
                    <h2>家电</h2>
                    <nav>
                        <ul>
                            <li class="rm">热门</li>
                            <li class="yy">电视影音</li>
                        </ul>
                    </nav>
                </div>
                <div class="houseall">
                    <div class="one">
                        <div class="one-1">
                            <a href="">
                                <img src="./images/jd.png" alt="">
                            </a>
                        </div>
                        <div class="one-2">
                            <a href="">
                                <img src="./images/jd2.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="two">
                        <ul>
                            <!-- <li>
                                <img src="./images/phone1.png" alt="">
                                <p>小米11</p>
                                <p>骁龙888 | 2K四曲面屏</p>
                                <p>
                                    3999元
                                    <span>3099元</span>
                                </p>
                            </li> -->
                            <!-- <li class="ts">
                                <a href="">
                                    <h3>米家互联网烟灶套装（天然气）</h3>
                                    <img src="./images/jx.png" alt="">
                                    <p class="price">2298元</p>
                                </a>
                            </li>
                            <li class="ts1">
                                <a href="">
                                    <p>浏览更多<span>热门</span></p>
                                    <i class="rm iconfont icon-icon-test"></i>
                                </a>
                            </li> -->
                            <div class="last">
                                <!-- <div class="ts">
                                    <a href="">
                                        <h3>米家互联网烟灶套装（天然气）</h3>
                                        <img src="./images/jx.png" alt="">
                                        <p class="price">2298元</p>
                                    </a>
                                </div>
                                <div class="ts1">
                                    <a href="">
                                        <p>浏览更多<span>热门</span></p>
                                        <i class="rm iconfont icon-icon-test"></i>
                                    </a>
                                </div> -->
                            </div>
                        </ul>
                        <ul>
                            <div class="last">
                                
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 家电区域结束 -->

            <!-- 小banner3 -->
            <div class="s-banner1">
                <a href="">
                    <img src="./images/s-banner3.jpg" alt="">
                </a>
            </div>
            <!-- 小banner3结束 -->

            <!-- 智能区域开始 -->
            <div class="intellect">
                <div class="title">
                    <h2>智能</h2>
                    <nav>
                        <ul>
                            <li class="rm">热门</li>
                            <li class="af">安防</li>
                            <li class="cx">出行</li>
                        </ul>
                    </nav>
                </div>
                <div class="one">
                    <div class="one-1">
                        <img src="./images/zn1.png" alt="">
                    </div>
                    <div class="one-2">
                        <img src="./images/zn2.png" alt="">
                    </div>
                </div>
                <div class="two">
                    <ul>
                        <div class="last"></div>
                    </ul>
                    <ul>
                        <div class="last"></div>
                    </ul>
                    <ul>
                        <div class="last"></div>
                    </ul>
                </div>
            </div>
            <!-- 智能区域结束 -->

            <!-- 小banner3 -->
            <div class="s-banner1">
                <a href="">
                    <img src="./images/s-banner4.png" alt="">
                </a>
            </div>
            <!-- 小banner3结束 -->

            <!-- 搭配区域开始 -->
            <div class="collocation">
                <div class="title">
                    <h2>搭配</h2>
                    <nav>
                        <ul>
                            <li class="rm">热门</li>
                            <li class="ej">耳机音箱</li>
                        </ul>
                    </nav>
                </div>
                <div class="collall">
                    <div class="one">
                        <div class="one-1">
                            <a href="">
                                <img src="./images/dp1.png" alt="">
                            </a>
                        </div>
                        <div class="one-2">
                            <a href="">
                                <img src="./images/dp2.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="two">
                        <ul>   
                            <div class="last">
                            </div>
                        </ul>
                        <ul>
                            <div class="last">                               
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 搭配区域结束 -->

            <!-- 小banner4 -->
            <div class="s-banner1">
                <a href="">
                    <img src="./images/s-banner4.jpg" alt="">
                </a>
            </div>
            <!-- 小banner4结束 -->

            <!-- 配件区域开始 -->
            <div class="parts">
                <div class="title">
                    <h2>配件</h2>
                    <nav>
                        <ul>
                            <li class="rm">热门</li>
                            <li class="cd">充电器</li>
                        </ul>
                    </nav>
                </div>
                <div class="partsall">
                    <div class="one">
                        <div class="one-1">
                            <a href="">
                                <img src="./images/pj1.png" alt="">
                            </a>
                        </div>
                        <div class="one-2">
                            <a href="">
                                <img src="./images/pj2.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="two">
                        <ul>   
                            <div class="last">
                            </div>
                        </ul>
                        <ul>
                            <div class="last">                               
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 配件区域结束 -->

            <!-- 小banner5 -->
            <div class="s-banner1">
                <a href="">
                    <img src="./images/s-banner5.jpg" alt="">
                </a>
            </div>
            <!-- 小banner5结束 -->

            <!-- 周边区域开始 -->
            <div class="periphery">
                <div class="title">
                    <h2>周边</h2>
                    <nav>
                        <ul>
                            <li class="rm">热门</li>
                            <li class="cx2">出行</li>
                        </ul>
                    </nav>
                </div>
                <div class="perall">
                    <div class="one">
                        <div class="one-1">
                            <a href="">
                                <img src="./images/zb1.png" alt="">
                            </a>
                        </div>
                        <div class="one-2">
                            <a href="">
                                <img src="./images/zb2.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="two">
                        <ul>   
                            <div class="last">
                            </div>
                        </ul>
                        <ul>
                            <div class="last">                               
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 周边区域结束 -->

            <!-- 小banner6 -->
            <div class="s-banner1">
                <a href="">
                    <img src="./images/s-banner6.jpg" alt="">
                </a>
            </div>
            <!-- 小banner6结束 -->

            <!-- 视频区域开始 -->
            <div class="vedio">
                <div class="title">
                    <h2>视频</h2>
                    <div class="all">
                        <a href="">
                            <span>查看全部</span>
                            <div class="more">
                                <i class="you iconfont icon-you-"></i>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="vedall">
                    <div class="v">
                        <a href="">
                            <img src="./images/v1.png" alt="">
                            <span>
                                <i class="bf iconfont icon-bofang"></i>
                            </span>
                            <p>Redmi 10X系列发布会</p>
                            <p>Redmi 10X系列发布会</p>
                        </a>
                    </div>
                    <div class="v">
                        <a href="">
                            <img src="./images/v2.png" alt="">
                            <span>
                                <i class="bf iconfont icon-bofang"></i>
                            </span>
                            <p>小米10 青春版 发布会</p>
                            <p></p>
                        </a>
                    </div>
                    <div class="v">
                        <a href="">
                            <img src="./images/v3.png" alt="">
                            <span>
                                <i class="bf iconfont icon-bofang"></i>
                            </span>
                            <p>小米10 8K手机拍大片</p>
                            <p></p>
                        </a>
                    </div>
                    <div class="v">
                        <a href="">
                            <img src="./images/v4.png" alt="">
                            <span>
                                <i class="bf iconfont icon-bofang"></i>
                            </span>
                            <p>小米10发布会</p>
                            <p></p>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 视频区域结束 -->
        </div>
    </section>
    <!-- 内容区域结束 -->

    <!-- 尾部开始 -->
    <footer>
        
    </footer>
    <!-- 尾部结束 -->

    <div class="last-footer">
        <div class="typepage">
            让全球每个人都能享受科技带来的美好生活
        </div>
    </div>
        <script src="./js/utils.js"></script>
        <script src="./js/index.js"></script>
        <script src="/lib/requirejs/require.js" data-main="/js/public"></script>
        
</body>
</html>